<!-- 文档格式图标 -->
<template>
	<icon class="iconfont icon icon-format icon-format-doc" v-if="['doc','docx'].indexOf(filetype)>-1">&#xe79c;</icon>
	<icon class="iconfont icon icon-format icon-format-pdf" v-else-if="['pdf'].indexOf(filetype)>-1">&#xe79f;</icon>
	<icon class="iconfont icon icon-format icon-format-ppt" v-else-if="['ppt','pptx'].indexOf(filetype)>-1">&#xe79d;</icon>
	<icon class="iconfont icon icon-format icon-format-xls" v-else-if="['xls','xlsx'].indexOf(filetype)>-1">&#xe7a3;</icon>
</template>
<script setup>
	defineProps({
		filetype: {
			type: String,
			default: 'doc'
		}
	})
</script>
<style scoped lang="scss">
	.icon-format {
		font-size: 42rpx;
		&-doc {
			color: #6CCBFF;
		}
		&-pdf {
			color: #FF5562;
		}
		&-ppt {
			color: #FF8976;
		}
		&-xls {
			color: #5ACC9B;
		}
	}
</style>
